<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'ZY_ZhuanJiaJieShao_0',
'expert_1',
'img_xU2x82',
'ZY_MeiGuoZhiZhaoYi_3',
'ZY_QianYouTaDaXueZhong_4',
'img_yXRGn5',
'ZY_WaiKeJiaoShou_6',
'ZY_ZhangQiCongShiWaiKe_7'
"  ></cms:ads>
<!doctype html>
<!-- 专家介绍 -->
<html>
 <head> 
  <meta charset="utf-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"> 
  <meta content="telephone=no" name="format-detection"> 
  <meta content="yes" name="apple-mobile-web-app-capable"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>择天医生集团${网页标题}</title> 
  <link rel="stylesheet" type="text/css" href="http://hwfile.jyymatrix.cc/ztys/mobile/css/common.css"> 
  <link rel="stylesheet" type="text/css" href="http://hwfile.jyymatrix.cc/ztys/mobile/css/iconfont.css"> 
  <style>.expert-content{ padding: 0 12px; } .expert-box-item{ width: 50%; padding: 8px; box-sizing: border-box; } .expert-box{ background-color: #F5F5F5; border-radius: 10px; padding: 16px; box-sizing: border-box; display: inline-block; } .expert-info{ width: 100%; display: flex; flex-direction: column; align-items: center; border-bottom: 1px solid rgba(112,112,112,0.3); padding-bottom: 10px; } .expert-img{ width: 100%; margin-bottom: 10px; } .expert-text{ font-size: 10px; text-align: center; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .expert-name{ font-size: 14px; font-weight: bold; margin-right: 5px; } .expert-forte{ font-size: 10px; margin-top: 10px; }
  /* 分页 */
  .pagination{
   text-align: center;
  }
  .pagination a{
   display: inline-block;
   width: 36px;
   height: 36px;
   margin: 0 5px;
   text-align: center;
   line-height: 36px;
   border-radius:4px;
   color: rgb(11 12 12 / 60%);
   background: #f5f5f5;
   cursor: pointer;
  }
  .pagination a.active{
   background:#538C22;
   color: #ffffff;
  }

  .expert-forte {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   font-size: 12px;
   margin-top: 10px;
  }

  .expert-info{
   text-align: center;
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   border-bottom: 1px solid rgba(112,112,112,0.3);
   padding-bottom: 10px;
  }
  </style>
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="about-us-header"> 
   <div class="green-line"></div> 
   <div class="about-us-box"> 
    <p class="about-us-title zy" data-type="ad" data-id="${ZY_ZhuanJiaJieShao_0.adId}">${ZY_ZhuanJiaJieShao_0.adTitle}</p> 
    <p class="about-us-english zy" data-type="ad" data-id="${expert_1.adId}">${expert_1.adTitle}</p> 
   </div> 
   <div class="green-line"></div> 
  </div> 
  <div class="expert-content flex flex-wrap">
   <cms:arts var="cpzsList" code="cpzs" pageNow="${param.pageNow}" pageSize="10"></cms:arts>
   <c:forEach items="${cpzsList }" var="zp" varStatus="status" >
   <a href="${path }/do/redirect/mobile/productDetail?id=${zp.artId}" class="expert-box-item">
    <div class="expert-box"> 
     <div class="expert-info"> 
      <img src="${zp.artImage}" class="expert-img zy">
      <p class="expert-text zy">${zp.artTitle}</p>
     </div> 
     <p class="expert-forte zy">${zp.artAbstract}</p>
    </div> </a>
   </c:forEach>
  </div>
  <div class="pagination">
   <div class="pagination-wrap">
    <c:forEach end="${recodeCount }" begin="1" var="index"
               varStatus="count">
     <a href="${path }/do/redirect/mobile/product?pageNow=${index-1}">${index}</a>
    </c:forEach>
   </div>
  </div>
  <jsp:include page="_footer.jsp"></jsp:include> 
  <script>
			function showPopup() {
				var popBg = document.getElementById("popBg");
				var popBox = document.getElementById("popBox");
				popBox.style.animation = "popup 1s"
				popBg.style.display = "block";
				popBox.style.display = "block";	
			};
			 
			/*点击关闭按钮*/
			function closePopup() {
				var popBg = document.getElementById("popBg");
				var popBox = document.getElementById("popBox");
				popBox.style.animation = "packup 1s"
				popBg.style.display = "none";
				popBox.style.display = "none";			
			}
		</script>   
 </body>
</html>